<template>
	<video id="myVideo" src="../../static/voiew/WeChat_20220527113330.mp4" @click="playvideo" @fullscreenchange="fullscreenchange" class="full-page-video-horizontal"></video>
</template>

<script>
	export default {
		methods:{
			playvideo: function(e){
			    this.videoContext = uni.createVideoContext('myVideo', this);
			    this.videoContext.requestFullScreen({direction: 0});
			    this.videoContext.play()
			},
			fullscreenchange (e){
			    if(!e.detail.fullScreen){  
			        this.videoContext.pause()
			        this.showvideo = false
			    }
			},
		}
	}
</script>

<style>
		.full-page-video-horizontal {
	 		width: 100%;
			height: 100vw;
	 		/* height: 100vw; */
	 		/* transform: rotate(90deg); */
	 	}
</style>